
body {
    margin: 0;
    font-family: Helvetica;
    background: #FFF;
    color: #000000;
    -webkit-text-size-adjust: none;
}

body > h1 {
    display:none;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    color: #FFFFFF;
    background: url(iPhoneToolbar.png) #6d84a2 repeat-x;
  /*  border-bottom: 1px solid #2d3642; */
    height:21px;   /*height:20.5px;*/
    border-bottom:1px solid #E0E0E0;
}

#action_bar {
    display:none;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    color: #FFFFFF;
    background: url(iPhoneToolbar.png) #6d84a2 repeat-x;
    border-bottom: 1px solid #2d3642;
     /*height:20.5px;*/
    border-bottom:1px solid #E0E0E0;
}

.button {
  /*  display:none; */
    position: absolute;
    top: 8px;
    right: 6px;
    -webkit-border-image: url(iPhoneButton.png) 0 5 0 5;
    -webkit-border-radius: 0;
    border-width: 0 5px 0 5px;
    padding: 0;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-decoration: none;
    background: none;
}

.button2 {
    -webkit-border-image: url(iPhoneButton.png) 0 5 0 5;
    -webkit-border-radius: 0;
    border-width: 0 3px;
    padding: 0;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-decoration: none;
    background: none;
    cursor:pointer;
}

#home_button {
    display: none;
    left: 6px;
    right: auto;
    -webkit-border-image: url(iPhoneBackButton.png) 0 8 0 14;
    border-width: 0 8px 0 14px;
}

.goButton {
    -webkit-border-image: url(iPhoneGoButton.png) 0 5 0 5;
    border-width: 0 5px;
}

body > div,
body > form,
body > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 91px;
    width: 100%;
    min-height: 418px;
    margin: 0;
    padding: 0;
}

body > *[selected="true"] {
    display: block;
}

body > ul > li {
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 0;
    background: url(iPhoneArrow.png) no-repeat right center;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
}

body > ul > li > a {
    display: block;
    padding: 8px 32px 8px 8px;
    text-decoration: none;
    color: inherit;
}
    
.panel {
    box-sizing: border-box;
  /*  padding: 10px;  causes left/right dragging */
    background: #c8c8c8 url(pinstripes.png);
}

/************************************************************************************************/

.dialog {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 468px;
   /* z-index: 2; */
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    text-align: right;
}

fieldset {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: none;
    padding: 10px 0;
    background: #7388a5;
   /* background: url(iPhoneToolbar.png) #7388a5 repeat-x;*/
}

fieldset > h1 {
    margin: 0 10px 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-align: center;
}

label {
    position: absolute;
    margin: 14px 0 0 6px;
    font-size: 14px;
    color: #BBBBBB;
}

/*input {
    box-sizing: border-box;
    width: 100%;
    margin: 6px 0 0 0;
    padding: 6px 6px 6px 10px;
    font-size: 16px;
    font-weight: normal;
} */

/* my css */
input, select, textarea {
  font-size:13px;
  font-weight:normal;
  margin:6px 6px 0 6px;
  padding:6px 6px 6px 10px;
  -webkit-border-radius:13px;
 /* text-shadow: 1px 3px 1px black;
  box-shadow: 3px 3px 3px red;
  
  -webkit-appearance:searchfield;
  
  drop-shadow-distance: [em|ex|percent|px|pt|picas|in|cm|mm];
drop-shadow-size: [em|ex|percent|px|pt|picas|in|cm|mm];
drop-shadow-angle: [degrees];
drop-shadow-opacity: [em|ex|percent];
drop-shadow-color: [RGB|hexadecimal|name|background|border];

inner-shadow-distance:4px;
inner-shadow-size:4px;
inner-shadow-angle:45;
inner-shadow-opacity:50%;
inner-shadow-color:red; */

}

select {
  -webkit-border-radius:10px;
}

textarea {
  -webkit-border-radius:4px;
  text-shadow: -2px 5px 6px #777;
}

#filter_tasks_dropdown
{
  float:left;
}

#name {
  width:90%;
}
      
/*#add, #remove, #new, #completed, #activate { 
  float:left;
  position:relative;
  margin:10px 0 0 10px; 
  background: #c8c8c8 url(pinstripes.png);
  cursor:pointer;
} */

/* #filter_submit
{
  clear:both;
  float:left;
  position:relative;
  margin:10px 0 0 10px;
  background:none;
  cursor:pointer;
} */

.line_count {
  background:transparent; /* url(iPhoneArrow.png) no-repeat scroll right center; */
  border-bottom:1px solid #E0E0E0;
  font-size:14px;
  font-weight:bold;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  color:red;
  text-align:center;
}

label {
  color:#BBBBBB;
  font-size:14px;
  margin:14px 0 0 15px;
  position:absolute;
}

.line
{
  cursor:pointer;
}

.lowpriority
{
  background-color:yellow;
}

.medpriority
{
  background-color:orange;
}

.highpriority
{
  background-color:red;
}

.active
{
  background-color:white;
}

.message_details
{
  display:none;
  font-size:50%;
}

.message_details_link
{
  padding-left:10px;
  font-size:12px;
}

table 
{
  text-align:left;
  padding-left:10px;
  border-bottom:1px solid black;
  background-color:white;
  border-bottom:solid black 1px; 
  font-size:90%;
  border-collapse:collapse;
  width:100%;
  top:10px;
}

table tr th
{
  text-transform:capitalize;
}

table tr td, table tr th, table tbody tr td span
{
  padding:2px 2px 2px 10px;
}

.incrementor, .decrementor
{
  color:blue;
  cursor:pointer;
  font-size:161%;
  font-weight:900;
  text-decoration:none;
}

#balance_sheet_table
{
  margin:5% auto 0 auto;
}

#be_content
{
  margin:5% 10%;
}

.be_line
{
  margin-top:.5%;
}

#be_lines
{
  padding-top:5%;
}

#balance_sheet_table tr td
{
  padding:3px;
  font-size:80%;
}

.total 
{
  font-weight:bold;
  border-top:1px solid black;
  text-align:center;
}

.negative 
{
  color:red;
}

.bs_header
{
  font-size:130%;
  font-weight:bold;
}

#recipe_content
{
  margin:5% 10%;
}

.remove_bs
{
  text-decoration:none;
  text-align:center;
  color:red;
  font-size:60%;
  border:solid red 2px;
  font-weight:boldest;
  padding:2px;
  margin-left:5px;
}

.filter_select
{
  clear:left;
  float:left;
} 

.remove_bs
{
  color:red;  
  text-decoration:none;
  background-color:white;
  padding:0 2px 1px 2 px;
  font-weight:900;
  border:solid 2px; red;
/*  -webkit-border-image: url(iPhoneGoButton.png) 0 5 0 5; */
  -webkit-border-radius:5px;
}

.completed_1
{
  opacity:.2; 
}

.active_1
{
  border:5px solid #F99;
}

.task_note
{
  padding:10px;
}

.qna
{
  text-decoration:none;
}

.qna_question
{
  color:green;
  padding-left:10px;
}
.qna_answer
{
  color:red;
}

.qna_div
{
  padding:10px;
}

.tags_dropdown
{
  display:block;
}

.action_bar_item
{
  margin:0;
  padding:0;
  font-size:14px;
}

#search
{
  padding:6px;
}

.icon
{
}

.tag_page
{
  margin:20px;
}

.no_under
{
  text-decoration:none;
}

.successful {
  color:#062;
  background-image:url(message_background_green.png);
}

.failure {
  color:#C00;
  background-image:url(message_background_red.png);
}

.message {
  width:100%;
  padding:3px 0 5px 0;
  font-weight:bold; 
  opacity:0.6;
  filter:alpha(opacity=80);
  text-align:center;
  font-size:90%;
}